<template>
	<scroll-view scroll-y="true" class="team">
		<view class="list" v-for="(item,index) of list">
			<view class="info">
				<view class="l">反馈内容</view>
				<view class="r" v-html="item.content"></view>
			</view>
		<!-- 	<view class="info">
				<view class="l" v-html="item.content"></view>
			</view> -->
			<view class="info">
				<view class="l">审核状态</view>
				<view class="r" v-if="item.status === 0">待回复</view>
				<view class="r" v-else>已回复</view>
			</view>
			<view class="info">
				<view class="l">回复内容</view>
				<view class="r" v-html="item.note"></view>
			</view>
			
			<view class="info">
				<view class="l">申请时间</view>
				<view class="r">{{item.createtime | date('yyyy年mm月dd日 hh时MM分')}}</view>
			</view>
		</view>
	</scroll-view>
</template>

<script>
	export default {
		data() {
			return {
				page: 1,
				finish: false,
				type: '',
				list: []
			};
		},
		onLoad() {
			this.getList()
		},
		methods: {
			getList() {
				if (this.finish) {
					return
				}
				uni.$u.http.post('/feedback', {
					type: 'list',
					page: this.page
				}).then(res => {
					if (res.code == 1) {
						this.list = this.list.concat(res.data)
						if (res.data.length === 0) {
							this.finish = true
						}
					}
				}).catch((res) => {

				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.team {
		height: 100vh;
		background: #F6F6F6;

		.list {
			background: #fff;
			padding: 27rpx;
			margin-bottom: 20rpx;

			.info {
				display: flex;
				align-items: center;
				justify-content: space-between;
				margin-bottom: 10rpx;

				.l {
					font-size: 28rpx;
					color: #666;
				}

				.r {
					font-size: 28rpx;
					color: #333;
				}
			}
		}
	}
</style>
